@charset "utf-8";
$fontsize:40;
@function r($px){
    @return $px/$fontsize * 1rem;
}
.web{
    section{
        .cloth_main{
            width: r(690);
            margin: 0 auto;
            margin-top: r(28);
            text-align: center;
            a{
                display: block;
                width: r(690);
                height: r(900);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            h5{
                font-size: r(19);
                color: #4a4a4a;
                line-height: r(41);
                margin-top: r(35);
            }
            p{
                font-size: r(59);
                color: #4a4a4a;
                line-height: r(80);
            }
            span{
                font-size: r(27);
                color: #4a4a4a;
            }
        }
        .cloth_size{
            width: 100%;
            height: r(168);
            border-bottom: r(1) solid #d9d9d9;
            border-top: r(1) solid #d9d9d9;
            margin-top: r(40);
            ul{
                width: r(470);
                margin: 0 auto;
                margin-top: r(40);
                li{
                    width: r(90);
                    height: r(90);
                    border: r(1) solid #dedede;
                    border-radius: 50%;
                    float: left;
                    margin-right: r(30);
                    text-align: center;
                    font-size: r(23);
                    line-height: r(90);
                    &:last-child{
                        margin-right: 0;
                    }
                }
            }
        }
        .cloth_size1{
             border-top: 0;
             margin-top: 0;
             li:nth-child(1){
                 background: #6fc1e6;
             }
             li:nth-child(2){
                 background: #ea96fb;
             }
             li:nth-child(3){
                 background: #64d47b;
             }
             li:nth-child(4){
                 background: #d9d9d9;
             }
        }
        .cloth_font{
            width: 100%;
            height: r(335);
            border-bottom: r(1) solid #dedede;
            background: white;
            .first-p{
                margin-top: r(60);
            }
            p{
                width: r(650);
                margin-left: r(30);
                font-size: r(28);
                text-align: justify;
                overflow: hidden;
                text-overflow: ellipsis;
                -webkit-line-clamp: 4;
            }
        }
        .btn-1{
            input{
                background: #FFFFFF;
                color: black;
                border: r(1) solid #000000;
            }
        }
    }
}
